<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 解构赋值就是从目标对象或数组中提取自己想要的变量。
        // 最常用的场景是：element-ui,vant-ui按需引入，
        // 请求接口返回数据，提取想要数据。
        // 对象解构赋值
       var {age,name}={name:"xiao",age:18}
        console.log(age,name); //输出结果 18，xiao
        // 数组解构赋值
        let arr =['aa','bb','cc','dd']
        var dd=arr[0]
        var tt=arr[1]
        var jj=arr[2]
        var cc=arr[3]
        console.log(dd,tt,jj,cc);//拿到结果为AA，bb，cc，dd


    </script>
    
</body>
</html>